<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
import { mapMutations } from "vuex";
export default {
  name: 'App',
  methods: {
    ...mapMutations(["login"])
  },
  created () {
    try{
      let user = JSON.parse(localStorage.getItem('dkp-master-user'))
      if(user){
        this.login({user});
      }
    }catch(e){
      console.log(e)
    }
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
}
.el-dialog__body{
  padding-top: 0 !important;
}
.el-table__row--striped {
  background: rgb(182, 176, 176) !important;
}
.single-player-name {
    display: inline-block;
    width: 80px;
    text-align: center;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}
.el-popover.el-popper.popper{
  background: none;
  border: none;
  box-shadow: none;
}
</style>
